﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>R2 - Edit</title>
    <script src="libs/jquery.min.js" type="text/javascript"></script>
    <script src="libs/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script src="libs/knockout-2.1.0.js" type="text/javascript"></script>
    <script src="libs/json2.js" type="text/javascript"></script>
    <script src="libs/rangy/rangy-core.js" type="text/javascript"></script>
    <script src="libs/jsex.js" type="text/javascript"></script>
    <script src="libs/showdown/showdown.js" type="text/javascript"></script>
    <link href="libs/normalize.css" type="text/css" rel="stylesheet" />
    <link href="libs/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" rel="stylesheet" />
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/rsuite.posize.js" type="text/javascript"></script>
    <link href="KB.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="libs/bluetrip/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="libs/bluetrip/print.css" type="text/css" media="print" />
    <!--[if IE]>
        <link rel="stylesheet" href="libs/bluetrip/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <link rel="stylesheet" href="libs/bluetrip/style.css" type="text/css" media="screen, projection" />
    <link href="css/common.css" type="text/css" rel="stylesheet" />
    <script src="js/kb.js" type="text/javascript"></script>
</head>
<body>
    <div class='container'>
        <div class='span-24 last'>
            <h1 class='fancy'>
                KB</h1>
        </div>
        <div class='span-12 posizable' id='edit'>
            <div dock='bottom' style='text-align: right; padding-top: 5px;'>
                <a class='button' style='float: right' data-bind='click: save'>Save</a></div>
            <textarea dock='fill' data-bind='value: source, valueUpdate: "keyup"'></textarea>
        </div>
        <div class='span-12 last posizable' id='preview'>
            <div dock='bottom' style='padding-top: 5px'>
                <a class='button'>T</a>
            </div>
            <div dock='fill' style='overflow: auto' data-bind='markdown: source'>
            </div>
        </div>
        <div class='span-6'>
            <h1 class='caps'>
                Search</h1>
            <input type='text' />
            <h1 class='caps'>
                Tags</h1>
            <div data-bind='foreach: tags'>
                <span class='tag' data-bind='text: $data'></span>
            </div>
        </div>
        <div class='span-18 last'>
            <h1 class='caps'>
                Articles</h1>
            <div data-bind='foreach: articles'>
                <!-- ko if: $parent.focus()==$data -->
                <div data-bind='markdown: source' style='padding: 5px;' class='round-corner'>
                </div>
                <!-- /ko -->
                <!-- ko if: $parent.focus()!=$data -->
                <div data-bind='markdown: getTitle(), click: $parent.select' style='cursor: pointer; padding: 5px;'>
                </div>
                <!-- /ko -->
            </div>
        </div>
    </div>
</body>
</html>
